<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div{
            display: inline-block;
            text-decoration:underline;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="big">大</div>
    <div id="middle">中</div>
    <div id="small">小</div>
    <p id="p" style="font-size: 15px;">习近平：我们应该弘扬奥林匹克运动精神，团结应对国际社会共同挑战，践行真正的多边主义，共同建设和谐合作的国际大家庭。我们应该践行奥林匹克运动宗旨，持续推动人类进步事业，坚守和平、发展、公平、正义、民主、自由的全人类共同价值，促进不同文明交流互鉴，共同构建人类命运共同体。</p>
    <script>
        document.getElementById('big').onclick=function(){
            document.getElementById('p').style.fontSize="20px";
            document.getElementById('big').style.textDecoration="none"
            document.getElementById('small').style.textDecoration="underline"
            document.getElementById('middle').style.textDecoration="underline"
        }
        document.getElementById('middle').onclick=function(){
            document.getElementById('p').style.fontSize="15px";
            document.getElementById('middle').style.textDecoration="none"
            document.getElementById('big').style.textDecoration="underline"
            document.getElementById('small').style.textDecoration="underline"
        }
        document.getElementById('small').onclick=function(){
            document.getElementById('p').style.fontSize="10px";
            document.getElementById('small').style.textDecoration="none"
            document.getElementById('big').style.textDecoration="underline"
            document.getElementById('middle').style.textDecoration="underline"
        }
    </script>
</body>
</html>